I will be using the wire frame kit using illustrator.
What are "Design Patterns"?
Design patterns are solutions to help the user understand and easily navigate the website.
What is meant by the term "Pattern Library"?
Pattern libraries allow the use of different interface ideas as templates.
How would a pattern library be useful to you as a web designer?
It will allow the designer to view options of ideas he may have and allow him the opportunity to build on it.
Welcome to the WDM2201 Wiki!
Getting Started
First, click the "Student Pages" link to the left and select your page. Take a look around the Wiki to get a feel for what you can do here. Try making changes to your page using the various features and functions. Try to do all the following:
Create and format text within your wiki page;
Change the default formatting of HTML elements;
Create your own HTML/CSS formatting;
Add images to the Wiki pages;
Display source HTML/CSS code within the Wiki page;
Embed video in the Wiki pages;
Embed Flash files (.swfs) in the Wiki.youtube
Wire framing Questions to ask while making one.
When you're reviewing wireframes it's helpful to know what to look for. Since I've described what a wireframe is and what they're trying to convey, you've already got a pretty good idea of how to review them, but let's go over it again. Wireframes should tell you:
What content is going to be on the page
How the content is organized on the page
Which content is most important on the page
Where users will go from this page
Where this page is on the site
How users will move around the site
Phrased as questions, the list above is a good starting point for evaluating wireframes. As you're looking at wireframes, ask yourself these questions and then ask yourself whether the answer the wireframe gives is the same answer you would give if someone asked you. Some other more detailed questions can also help you review wireframes:
Is anything important missing from the page?
Is the most important content the first thing you notice?
Is there anything on the page that shouldn't be there?
Which content is related and how?
Can you get to all of the major sections of the site from here? Should you be able to?
Do all of the labels make sense?
Do you know what all of the elements on the page are?
Asking these questions should lead down a path to review and evaluate wireframes at the right level of design. Being able to identify problems at this point means that you can get them resolved in the wireframing stage, and you won't be wasting time in the visual design phase resolving foundational problems.
What Kind of Feedback to Give
When you give feedback on wireframes, it's the perfect time to point out any of the issues discussed above. You should also include notes if:
Something needs to be higher on the page.
Something should jump out at the user more.
Something should be in the main content area instead of the sidebar.
There's too much/not enough text or images.
Something is missing.
Something is confusing.
You can't figure out how you would take a particular action on a page.
While the wireframes themselves do not define style, they will serve as a starting point from which visual designers can begin working. Because of this, you should pay attention to certain visual elements as you're working on feedback for wireframes. In many cases visual designers will take relative sizes and weight as cues for what should be more prominent on the page, so it's good for you to provide feedback on these visual cues.
I will be using the wire frame kit using illustrator.
What are "Design Patterns"?Design patterns are solutions to help the user understand and easily navigate the website.
What is meant by the term "Pattern Library"?Pattern libraries allow the use of different interface ideas as templates.
How would a pattern library be useful to you as a web designer?It will allow the designer to view options of ideas he may have and allow him the opportunity to build on it.
Welcome to the WDM2201 Wiki!
Getting Started
First, click the "Student Pages" link to the left and select your page. Take a look around the Wiki to get a feel for what you can do here. Try making changes to your page using the various features and functions. Try to do all the following:Create and format text within your wiki page;
Change the default formatting of HTML elements;
Create your own HTML/CSS formatting;
Add images to the Wiki pages;
Wire framing Questions to ask while making one.
When you're reviewing wireframes it's helpful to know what to look for. Since I've described what a wireframe is and what they're trying to convey, you've already got a pretty good idea of how to review them, but let's go over it again. Wireframes should tell you:- What content is going to be on the page
- How the content is organized on the page
- Which content is most important on the page
- Where users will go from this page
- Where this page is on the site
- How users will move around the site
Phrased as questions, the list above is a good starting point for evaluating wireframes. As you're looking at wireframes, ask yourself these questions and then ask yourself whether the answer the wireframe gives is the same answer you would give if someone asked you. Some other more detailed questions can also help you review wireframes:- Is anything important missing from the page?
- Is the most important content the first thing you notice?
- Is there anything on the page that shouldn't be there?
- Which content is related and how?
- Can you get to all of the major sections of the site from here? Should you be able to?
- Do all of the labels make sense?
- Do you know what all of the elements on the page are?
Asking these questions should lead down a path to review and evaluate wireframes at the right level of design. Being able to identify problems at this point means that you can get them resolved in the wireframing stage, and you won't be wasting time in the visual design phase resolving foundational problems.What Kind of Feedback to Give
When you give feedback on wireframes, it's the perfect time to point out any of the issues discussed above. You should also include notes if:- Something needs to be higher on the page.
- Something should jump out at the user more.
- Something should be in the main content area instead of the sidebar.
- There's too much/not enough text or images.
- Something is missing.
- Something is confusing.
- You can't figure out how you would take a particular action on a page.
While the wireframes themselves do not define style, they will serve as a starting point from which visual designers can begin working. Because of this, you should pay attention to certain visual elements as you're working on feedback for wireframes. In many cases visual designers will take relative sizes and weight as cues for what should be more prominent on the page, so it's good for you to provide feedback on these visual cues.